﻿@using GdHotel.Data
@using GdHotel.Data.Meta.Models
@using GdHotel.Data.Resources
@model ReserveRoomModel

@section head {
    <link rel="stylesheet" href="@Url.Content("~/Content/themes/base/jquery-ui-1.8.12.custom.css")" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/datepicker.js")" type="text/javascript"> </script>
}

@section gallery{
    @if (ViewData["Gallery"] != null)
    {
        var gallery = (Gallery) ViewData["Gallery"];
        <text>@Html.Partial("_ShowGallery", gallery)</text>
    }
}

<div class="wrap down">		
    <div class="tbl_block">

        <h1 class="al_c">@Localization.ReservationForm</h1>		
        @using (Html.BeginForm("ReserveRoomConfirmed", "Reservation", FormMethod.Post, new {@class = "form_reserve"}))
        {
            <div>
                
                <table>
                    <thead>
                        <tr><th class="c1" colspan="2">@Localization.ReservationAllFieldsRequired</th></tr>											
                    </thead>
                    <tfoot>
                        <tr><td></td><td></td><td></td></tr>
                    </tfoot>

                    <tbody>
                        <tr class="pb20">
                            <td class="c1">@Html.LabelFor(model => model.Name)</td>
                            <td class="c2">@Html.TextBoxFor(model => model.Name, new {@class = "field w240"})</td>
                        </tr>
                        <tr class="pd5" ><td class="c1">@Html.LabelFor(model => model.CheckInDate):</td>
                            <td class="c2">
                                <div class="form_item2">

                                    <div>														
                                        @Html.TextBoxFor(model => model.CheckInDate, new {@class = "field w85 fl_left datepicker", @readonly = "readonly"})
                                    </div>
                                    <div class="calendar_block" ></div>
                                </div>
                            </td>
                        </tr>
                        <tr class="pd5">
                            <td class="c1">@Html.LabelFor(model => model.DepartureDate):</td>

                            <td class="c2">
                                <div class="form_item2">
                                    <div>														
                                        @Html.TextBoxFor(model => model.DepartureDate, new {@class = "field w85 fl_left datepicker", @readonly = "readonly"})
                                    </div>
                                    <div class="calendar_block" ></div>
                                </div>
                            </td>
                        </tr>

                        <tr class="chs">
                            <td class="c1">@Localization.RoomType:</td>
                            <td class="c2">
                                <p class="ch">
                                    @Html.EditorFor(model => model.IsStandardSingle)
                                    @Html.ValidationMessageFor(model => model.IsStandardSingle)

                                    @Html.LabelFor(model => model.IsStandardSingle)</p>
                                <p class="ch">
                                    @Html.EditorFor(model => model.IsStandardDouble)
                                    @Html.ValidationMessageFor(model => model.IsStandardDouble)
                                    @Html.LabelFor(model => model.IsStandardDouble)</p>

                                <p class="ch">
                                    @Html.EditorFor(model => model.IsDeluxeRoom)
                                    @Html.ValidationMessageFor(model => model.IsDeluxeRoom)
                                    @Html.LabelFor(model => model.IsDeluxeRoom)</p>
                                <p class="ch">
                                    @Html.EditorFor(model => model.IsLuxurySuite)
                                    @Html.ValidationMessageFor(model => model.IsLuxurySuite)
                                    @Html.LabelFor(model => model.IsLuxurySuite)</p>
                                <p class="ch">
                                    @Html.EditorFor(model => model.IsPresidentSuite)
                                    @Html.ValidationMessageFor(model => model.IsPresidentSuite)
                                    @Html.LabelFor(model => model.IsPresidentSuite)</p>												
                            </td>
                        </tr>
                        <tr>
                            <td class="c1">@Html.LabelFor(model => model.Phone): @Html.ValidationMessageFor(model => model.Phone)</td>
                            <td class="c2">@Html.TextBoxFor(model => model.Phone, new {@class = "field w240"})</td>
                        </tr>
                        <tr>
                            <td class="c1">@Html.LabelFor(model => model.Email): @Html.ValidationMessageFor(model => model.Email)</td>
                            <td class="c2">@Html.TextBoxFor(model => model.Email, new {@class = "field w240"})</td>
                        </tr>
                        <tr>
                            <td class="c1">@Html.LabelFor(model => model.Comments): </td>
                            <td class="c2"><textarea style="width: 245px; height: 65px;" class="text-box multi-line w240" id="Comments" name="Comments"></textarea></td>
                        </tr>
                    </tbody>
                </table>
                <div class="reserve_btn_wrap">
                    <div class="reserve_btn"><input type="submit" value="" /></div>
                    <img src="@Url.Content("~/Content/Images/bell.png")" class="bell"  width="70px" height="81px" alt="" />
                </div>	
            </div>
        }
    </div>						
</div>